define(["jquery","layuiall","jqform",'helper'],function ($,layui,jqform,helper) {
    var form = layui.form,
        element = layui.element;
    controller = {
        index:function () {
            //数据展示
            $.ajax({
                type:'post',
                dataType:"json",
                url:'/wechat/admin.menus/index',
                success:function (res) {
                    if(res.data.menu.button){
                        $.each(res.data.menu.button,function (k,v) {
                            $(".menuList").append(`<div class="menu-item menu-item-`+v.id+`">
                                <div class="menuName menuName-`+v.id+`" data-id="`+v.id+`">`+v.name+`</div>
                                <button type="button" class="addSonMenuBtn" data-id="`+v.id+`">+</button>
                                <ul class="menuSonList"></ul>
                            </div>`)
                            if(v.sub_button){
                                $.each(v.sub_button,function (k,v) {
                                    $(".menuSonList").append(` <li class="menuSonList-name menuSonName-`+v.id+`" data-id="`+v.id+`">`+v.name+`</li>`)
                                })
                            }
                        })
                    }
                    thisWidth = $(".menuNavBox").width()-$(".navLeft").width()-$(".menuList").width()-10;
                    $(".navRight").width(thisWidth);
                }
            })

            //添加菜单
            $(".addMenuBtn").click(function () {
                $.ajax({
                    type:"post",
                    data:{
                        name:"菜单名称",
                        type:"click",
                        addtype:'add',
                    },
                    url:'/wechat/admin.menus/addmenus',
                    dataType:"json",
                    success:function (res) {
                        $(".menuList").append(`<div class="menu-item menu-item-`+res.data.id+`">
                            <div class="menuName menuName-`+res.data.id+`" data-id="`+res.data.id+`">`+res.data.name+`</div>
                              <button type="button" class="addSonMenuBtn">+</button>
                               <ul class="menuSonList"></ul>
                        </div>`)
                        $(".delMenuBtn").attr("data-id",res.data.id)

                        $(".baseMenuformBox").show();

                        thisWidth = $(".menuNavBox").width()-$(".navLeft").width()-$(".menuList").width()-5;
                        $(".navRight").width(thisWidth);
                        $(".menuSonList-"+classIndex).css({
                            top:'-' + ($(".menuSonList-"+classIndex).height()+65)+'px',
                        });
                        classIndex++;
                    }
                })
            })

            //删除菜单
            $(document).on("click",".delMenuBtn",function () {
                var _this = $(this);
                var key = _this.attr("data-id");
                $.ajax({
                    type:'post',
                    url:'/wechat/admin.menus/delmenus',
                    dataType:'json',
                    data:{
                        idList : key
                    },
                    success:function (res) {
                        layer.msg(res.msg)
                        if(res.code===1){
                            _this.parents(".baseMenuformBox").hide()
                            $(".menu-item-"+key).remove();
                            thisWidth = $(".menuNavBox").width()-$(".navLeft").width()-$(".menuList").width()-10;
                            $(".navRight").width(thisWidth);
                        }
                    }
                })
            })

            //预览发布
            $(".ylpush").click(function () {
                $.ajax({
                    type:"post",
                    data:{
                        addtype:'puhsWechat',
                    },
                    url:'/wechat/admin.menus/addmenus',
                    dataType:"json",
                    success:function (res) {
                        layer.msg(res.msg)
                    }
                })
            })

            //添加子菜单
            $(document).on("click",".menu-item .addSonMenuBtn",function () {
                var _this = $(this);
                $.ajax({
                    type:"post",
                    data:{
                        name:"菜单名称",
                        type:"click",
                        addtype:'add',
                        pid:_this.attr("data-id")
                    },
                    url:'/wechat/admin.menus/addmenus',
                    dataType:"json",
                    success:function (res) {
                        _this.siblings(".menuSonList").append('<li class="menuSonList-name menuSonList-name-'+res.data.id+'">'+res.data.name+'</li>')
                        _this.siblings(".menuSonList").css({
                            top:'-' + (_this.siblings(".menuSonList").height()+60)+'px',
                        });
                    }
                })
            })

            //编辑菜单
            $(document).on("click",".menuName",function () {
                $(this).siblings(".addSonMenuBtn,.menuSonList").show();
                $(this).parents(".menu-item").siblings().find(".addSonMenuBtn,.menuSonList").hide();
                $(this).siblings(".menuSonList").css({
                    top:'-' + ($(this).siblings(".menuSonList").height()+60)+'px'
                });
                $(".baseMenuformBox").find(".delMenuBtn").attr("data-id",$(this).attr("data-id"))
                $(".baseMenuformBox").show();

                var key = $(this).attr("data-id");

                $.ajax({
                    type:'get',
                    dataType:"json",
                    data:{
                        id:key
                    },
                    url:"/wechat/admin.menus/editmenus",
                    success:function (res) {
                        var data = res.data;
                        $("input[name='name']").val(data.name);
                        $("input[name='id']").val(data.id);
                        $("input[name='url']").val(data.url);
                    }
                })
            });

            //监听name input 值变化
            $("input[name='name']").change(function () {
                var value = $(this).val();
                var key  = $("input[name='id']").val()
                $.ajax({
                    type:'post',
                    dataType:"json",
                    data:{
                        id:key,
                        name:value
                    },
                    url:"/wechat/admin.menus/editmenus",
                    success:function (res) {
                        $(".menuName-"+key).text(value)
                        $(".menuSonName-"+key).text(value)
                    }
                })
            })

            //监听内容内型变化
            var value = $('input[type=radio]:checked').val();
            $(".msgBox_"+value).show();
            var input = {};
            if(value==1){
                input.type ='click';
            }
            if(value==2){
                input.type ='view';
            }
            if(value==3){
                input.type ='miniprogram';
            }
            form.on('radio(contentType)', function(data){
                value = data.value
                $(".msgBox_"+value).show().siblings().hide();
                switch (value){
                    case '1':
                        input.type = 'click';
                        break;
                    case '2':
                        input.type = 'view';
                        break;
                    case "3":
                        input.type = 'miniprogram';
                        break;
                }
            });

            element.on('tab(medila)', function(data){
                var layid = $(this).attr('lay-id');
                switch (layid){
                    case 1:
                        input.type = "view_limited";
                        break;
                    default:
                        input.type = "media_id";
                        break;
                }
            });

            //图文消息
            $("input[name='url']").change(function () {
                var _this = $(this);
                var value = _this.val();
                var key  = $("input[name='id']").val()
                input.id = key
                input.url = value
                $.ajax({
                    type:'post',
                    dataType:"json",
                    data:input,
                    url:"/wechat/admin.menus/editmenus",
                    success:function (res) {

                    }
                })
            });

            //监听子集菜单操作
            $(document).on("click",".menuSonList-name",function () {
                var key = $(this).attr("data-id");
                $(".baseMenuformBox").find(".delMenuBtn").attr("data-id",key);
                $(".baseMenuformBox").show();
                $.ajax({
                    type:'get',
                    dataType:"json",
                    data:{
                        id:key
                    },
                    url:"/wechat/admin.menus/editmenus",
                    success:function (res) {
                        var data = res.data;
                        $("input[name='name']").val(data.name);
                        $("input[name='id']").val(data.id);
                        $("input[name='url']").val(data.url);
                    }
                })
            })
        },
    }
    return controller;
})